<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>支付页-成功</title>
	<link rel="icon" href="./img/favicon.ico">


	<link rel="stylesheet" type="text/css" href="./css/all.css" />
	<link rel="stylesheet" type="text/css" href="./css/pages-paysuccess.css" />
</head>

<body>
	<div id="app">
		<!--页面顶部-->
		<div id="nav-bottom">
			<!--顶部-->
			<div class="nav-top">
				<div class="top">
					<div class="py-container">
						<div class="shortcut">
							<ul class="fl">
								<li class="f-item">NXMALL欢迎您！</li>
								<li class="f-item">{{ username }}</li>
							</ul>
							<div class="fr typelist">
								<ul class="types">
									<li class="f-item"><a href="http://mall.web.netlearning.tech:9103/user/findOrder">我的订单</a></li>
									<li class="f-item"><span><a href="cart.html">我的购物车</a></span></li>
									<li class="f-item"><span>我的NXMALL</span></li>
									<li class="f-item"><span>NXMALL会员</span></li>
									<li class="f-item"><span>企业采购</span></li>
									<li class="f-item"><span>关注NXMALL</span></li>
									<li class="f-item"><span>合作招商</span></li>
									<li class="f-item"><span>商家后台	</span></li>
									<li class="f-item"><span>网站导航</li>
								</ul>
							</div>

						</div>
					</div>
				</div>

				<!--头部-->
				<div class="header">
					<div class="py-container">
						<div class="yui3-g Logo">
							<div class="yui3-u Left logoArea">
								<a class="logo-bd" title="NXMALL" href="http://mall.web.netlearning.tech/"></a>
							</div>
							<div class="yui3-u Rit searchArea">
								<!-- <div class="search">
									<form action="" class="sui-form form-inline">
										<div class="input-append">
											<input type="text" id="autocomplete" class="input-error input-xxlarge" />
											<button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
										</div>
									</form>
								</div> -->
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="cart py-container">
			<!--主内容-->
			<div class="paysuccess">
				<div class="success">
					<h3><img src="./img/_/right.png" width="48" height="48">　恭喜您，支付成功啦！</h3>
					<div class="paydetail">
						<p>支付方式：微信</p>
						<!-- <p>支付金额：￥1006.00元</p> -->
						<p class="button"><a :href="myOrderUrl"
								class="sui-btn btn-danger btn-xlarge">查看订单</a>&nbsp;&nbsp;&nbsp;&nbsp;<a
								href="http://mall.web.netlearning.tech/" class="sui-btn btn-xlarge btn-goshop">继续购物</a></p>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部栏位 -->
		<!--页面底部-->
		<div class="clearfix footer">
			<div class="py-container">
				<div class="footlink">
					<div class="Mod-service">
						<ul class="Mod-Service-list">
							<li class="grid-service-item intro  intro1">

								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>

							</li>
							<li class="grid-service-item  intro intro2">

								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>

							</li>
							<li class="grid-service-item intro  intro3">

								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>

							</li>
							<li class="grid-service-item  intro intro4">

								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>

							</li>
							<li class="grid-service-item intro intro5">

								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>

							</li>
						</ul>
					</div>
					<div class="clearfix Mod-list">
						<div class="yui3-g">
							<div class="yui3-u-1-6">
								<h4>购物指南</h4>
								<ul class="unstyled">
									<li>购物流程</li>
									<li>会员介绍</li>
									<li>生活旅行/团购</li>
									<li>常见问题</li>
									<li>购物指南</li>
								</ul>

							</div>
							<div class="yui3-u-1-6">
								<h4>配送方式</h4>
								<ul class="unstyled">
									<li>上门自提</li>
									<li>211限时达</li>
									<li>配送服务查询</li>
									<li>配送费收取标准</li>
									<li>海外配送</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>支付方式</h4>
								<ul class="unstyled">
									<li>货到付款</li>
									<li>在线支付</li>
									<li>分期付款</li>
									<li>邮局汇款</li>
									<li>公司转账</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>售后服务</h4>
								<ul class="unstyled">
									<li>售后政策</li>
									<li>价格保护</li>
									<li>退款说明</li>
									<li>返修/退换货</li>
									<li>取消订单</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>特色服务</h4>
								<ul class="unstyled">
									<li>夺宝岛</li>
									<li>DIY装机</li>
									<li>延保服务</li>
									<li>NXMALLE卡</li>
									<li>NXMALL通信</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>帮助中心</h4>
								<img src="./img/wx_cz.jpg">
							</div>
						</div>
					</div>
					<div class="Mod-copyright">
						<ul class="helpLink">
							<li>关于我们<span class="space"></span></li>
							<li>联系我们<span class="space"></span></li>
							<li>关于我们<span class="space"></span></li>
							<li>商家入驻<span class="space"></span></li>
							<li>营销中心<span class="space"></span></li>
							<li>友情链接<span class="space"></span></li>
							<li>关于我们<span class="space"></span></li>
							<li>营销中心<span class="space"></span></li>
							<li>友情链接<span class="space"></span></li>
							<li>关于我们</li>
						</ul>
						<p>地址：北京市海淀区建材城东路金隅智造工场 邮编：100096 </p>
						<p>京ICP备21001421号京公网安备110102108808</p>
					</div>
				</div>
			</div>
		</div>
		<!--页面底部END-->
	</div>
	<script src="/js/vue.js"></script>
	<script src="/js/axios.js"></script>
	<script src="/js/util.js"></script>
	<script>
		new Vue({
			el: '#app',
			data() {
				return {
					username: ''
				}
			},
			computed: {
				myOrderUrl() {
					console.log("sessionStorage.getItem('usrname')", sessionStorage.getItem('usrname'));
					return `http://mall.web.netlearning.tech:9103/user/findOrder?username=${sessionStorage.getItem('usrname')}`
				}
			},
			created() {
				this.username = sessionStorage.getItem('usrname')
			}
		})
	</script>



</body>

</html>
